<template>
    <div id="app">
        <router-view />
    </div>
</template>

<script>
export default {
    name: "App",
    metaInfo() {
        return {
            title:
                this.$store.state.settings.dynamicTitle &&
                this.$store.state.settings.title,
            titleTemplate: (title) => {
                return title
                    ? `${title} - ${process.env.VUE_APP_TITLE}`
                    : process.env.VUE_APP_TITLE;
            },
        };
    },
};
</script>

<style>
.el-checkbox__input.is-checked .el-checkbox__inner {
    background-color: #ee83a7;
    border-color: #ee83a7;
}

.el-checkbox__input.is-checked + .el-checkbox__label {
    color: #ee83a7;
}

.el-checkbox__inner:hover {
    border-color: #ee83a7;
}

.el-checkbox__inner {
    border-color: #ee83a7;
}
</style>